<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js"></script>
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" href="css/common/lunbo.css">
		<link rel="stylesheet" type="text/css" href="css/Article.css"/>
		<script src="js/swiper-4.3.3.min.js"></script>
	</head>

	<body>
		<input type="checkbox" id="check" />
		<input type="checkbox" id="pop" />
		<input type="checkbox" id="geren"/>
		<input type="checkbox" id="jp"/>
		<div class="mobile">
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</label>
				<div class="logo"><img src="img/logo.png" /></div>
				<div class="search">
					<label for="jp"><img src="img/QQ20180703152238.png" /></label>
				</div>
			</header>
			<section>
			<div class="swiper-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide"><img src="img/banaer.png"></div>
		      <div class="swiper-slide"><img src="img/eleme.png"/></div>
		      <div class="swiper-slide"><img src="img/taizi.png"/></div>
		      <div class="swiper-slide"><img src="img/yuzhuang.png"/></div>
		    </div>
		     <!--Add Pagination--> 
		    <div class="swiper-pagination"></div>
		 </div>
		  <!-- Initialize Swiper -->
		  <script>
		    var mySwiper = new Swiper('.swiper-container', {
		    	autoplay:true,
			    pagination: {
			       el: '.swiper-pagination'
			    }
		    });
		    //鼠标滑过pagination控制swiper切换
			for(i=0;i<mySwiper.pagination.bullets.length;i++){
			  mySwiper.pagination.bullets[i].index=i
			  mySwiper.pagination.bullets[i].onmouseover=function(){
			    mySwiper.slideTo(this.index);
			  };
			}  
		  </script>
		    <!--苍进空卖内衣-->
  <div class="Sora">
  	<div class="left">
  	<div class="p">
  	<a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="time">
  		<div class="shoucang">
  		<img src="img/xinxing.png"/>
  	</div>
  	<span>120</span>
  	<span>[案例观点]</span>
  	<span>2小时前</span>
  	</div>
  </div>
  <div class="right">
  		<img src="img/cangjinkong.png"/>
  	</div>
  </div>
  	<div class="Host">
  		 <div class="News">
  	<div class="p">
  	<a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="News-time">
  		<div class="shoucang">
  		<img src="img/xinxing.png"/>
  	</div>
  	<span>866</span>
  	<span>[课程]</span>
  	<span>5小时前</span>
  	</div>
  </div>
  <div class="img1">
  		<img src="img/zhuchi.png"/>
  	</div>
  	</div>
  	<div class="middle">
  			<div class="line">
  				<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
  			</div>
  <ul class="image">
  	<li><img src="img/1.png"/></li>
  	<li><img src="img/2.png"/></li>
  	<li><img src="img/3.png"/></li>
  </ul>
  	</div>
  	<div class="chen">
  		<div class="port">
  			<img src="img/9.png"/>
  		</div>
  		<h1>陈正光</h1>
  			<div class="Comment">
  				<img src="img/10.png"/>
  		</div>
  		<h2>6868</h2>
  		<div class="xiaoxin">
  			<img src="img/xinxing.png"/>
  		</div>
  		<h3>4808</h3>
  		<h5>[案例观点]</h5>	
  		<h4>2天前</h4>
  	</div>
  	<!--NIKE鞋子-->
  <div class="shoe">
  	<div class="see">
  		<div class="reach">
  <a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="Aug">
  		<div class="xin1">
  		<img src="img/xinxing.png"/>
  	</div>
  	<h1>6</h1>
  	<h3>[新闻]</h3>
  	<h2>12月26日 07:33:43</h2>
  	</div>
  </div>
  <div class="nike">
  		<img src="img/4.png"/>
  	</div> 
  </div>
   <div class="good">
  	<div class="night">
  		<div class="review">
  <a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="seven">
  		<div class="xin1">
  		<img src="img/xinxing.png"/>
  	</div>
  	<h1>120</h1>
  	<h3>[项目]</h3>
  	<h2>12月26日 07:33:43</h2>
  	</div>
  </div>
  <div class="clock">
  		<img src="img/5.png"/>
  	</div> 
  </div>
  <div class="middle">
  			<div class="line">
  				<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
  			</div>
  <ul class="image">
  	<li><img src="img/6.png"/></li>
  	<li><img src="img/7.png"/></li>
  	<li><img src="img/8.png"/></li>
  </ul>
  	</div>
  	<div class="chen">
  		<div class="port">
  			<img src="img/9.png"/>
  		</div>
  		<h1>陈正光</h1>
  			<div class="Comment">
  				<img src="img/10.png"/>
  		</div>
  		<h2>6868</h2>
  		<div class="xiaoxin">
  			<img src="img/xinxing.png"/>
  		</div>
  		<h3>4808</h3>
  		<h5>[案例观点]</h5>	
  		<h4>2天前</h4>
  	</div>
  	<div class="shoe">
  	<div class="see">
  		<div class="reach">
  <a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="Aug">
  		<div class="xin1">
  		<img src="img/xinxing.png"/>
  	</div>
  	<h1>6</h1>
  	<h3>[新闻]</h3>
  	<h2>12月26日 07:33:43</h2>
  	</div>
  </div>
  <div class="nike">
  		<img src="img/11.png"/>
  	</div> 
  </div>
   <div class="good">
  	<div class="night">
  		<div class="review">
  <a href="">#苍井空#互联网卖内衣全球</a>
  	<a href="">引爆声量飙至7.9亿</a>	
  	</div>
  	<div class="seven">
  		<div class="xin1">
  		<img src="img/xinxing.png"/>
  	</div>
  	<h1>120</h1>
  	<h3>[项目]</h3>
  	<h2>12月26日 07:33:43</h2>
  	</div>
  </div>
  <div class="clock">
  		<img src="img/12.png"/>
  	</div> 
  </div>
  <div class="more">
  	<p>加载更多</p>
  </div>
  </section>
  <footer>
  	
 	<ul class="Menu">
 		<li><a href="index.html">
 			<span class="jjjj"><img src="img/shouye.png"/></span>
 			<p>首页</p>
 		</a>
 		</li>
 		<li>
 			<a href="course.html""> <span class="nnnn"><img src="img/tu.png"></span>
 			<p>GIMC</p>
 			</a>
 		</li>
 		<li>
 			<a href="Article.html"><span class="mmmm"><img src="img/bi.png"/></span>
 			<p class="red">文章</p>
 			</a>
 			
 		</li>
 		<li><a href="resource.html" >
 			<span class="llll"><img src="img/xuan.png"></span>
 		<p>资源</p>
 		</a>
 		</li>
 		<li><a href="course.html">
 			<span class="pppp"><img src="img/xueshimao-.png"/></span>
 			<p>学院</p>
 		</a>
 		</li>
 	</ul>
 </footer>
	</div>
		</div>
		<!--登录弹窗-->
		<div class="loginBox">
			<label for="check">
				<span class="back">×</span>
			</label>
			<!--<div class="Search_bar">
				<input type="image" src="img/未标题-1.png" />
				<input type="text" placeholder="Search" />
			</div>-->
			<div class="s_line"></div>
			<div class="percen">
				<div class="port">
					<div class="pic_port">
						<img src="img/头像1.jpg" />
					</div>
							<label for="pop"><a class="ljdl"> 立即登陆</a></label> 
					<a class="ljdl2">忘记密码</a>
				</div>
			</div>
			<div class="sort_pro">
				<input type="checkbox" id="huan"/>
				<div class="gimc gimc1">
					<label for="huan">
						<p>GIMC</p>
						<span class="l_span">
							<img src="img/dayuhao.jpg"/>
						</span>
					</label>
					<div class="drop_down">
						<a>省广介绍</a>
						<a class="line"></a>
						<a>新闻咨询</a>
					</div>
				</div>
				<div class="gimc">
					<p>文章</p>
					<span>
						<img src="img/dayuhao.jpg"/>
					</span>
				</div>
				<div class="gimc">
					<p>资源</p>
					<span>
						<img src="img/dayuhao.jpg"/>
					</span>
				</div>
				<div class="gimc course">
					<p>课程</p>
					<span>
						<img src="img/dayuhao.jpg"/>
					</span>
				</div>
		</div>
		</div>
		<!--登陆填写-->
		<div class="denglu">
			<div class="logo_common"></div>
			<div class="tel">
				<div class="bg fl">
					<div class="rentou"></div>
				</div>
			<div class="shuru fl">
				<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
			</div>
			<div class="clear"></div>
			</div>
			<div class="password">
				<div class="bg fl">
					<div class="mima"></div>
				</div>
				<div class="shuru fl">
					<input type="text" placeholder="请输入密码"/>
					</div>
				<div class="clear"></div>
			</div>
			<div class="frget">
				<a class="wjmm">
					<div class="wenh">
						<img src="img/问号.png"/>
					</div>
					<p>忘记密码</p>
					<div class="clear"></div>
				</a>
			</div>
			<label for="geren"><span class="dlu">登陆</span></label>
			<label for="pop"><span class="zce">注册</span></label>
		</div>
		<!--个人中心-->
			<div class="personal">	
				<div class="tiao"></div>
				<div class="bufen">
					<div class="toux">
					<div class="toux1">
						<img src="img/登录-和-搜索_03.jpg"/>
					</div>
					<div class="toux11">1</div>
				  </div>
				  	<div class="bufen2">
				  		<div class="ming">陈小敏</div>
				  		<div class="renx">个人中心&nbsp;&nbsp;&gt;</div>
				  	</div>
				  <div class="bufen3">
				  		<div class="xing3"><img src="img/xingxing.png"/></div>
				  		<div class="xing3"><img src="img/xingxing.png"/></div>
				  		<div class="xing3"><img src="img/xingxing.png"/></div>
				  		<div class="xing3"><img src="img/xingxing.png"/></div>
				  		</div>
				  		<div class="bufen4">
				  		<p> 关注 <a href="#">36</a> | 粉丝 <a href="#">290</a></p>
				  		<button class="shoucan">我的收藏</button>
				  		<button class="fabu">我的发布</button>
				  <div class="cuxian"></div>
				  </div>
				</div>	
						<div class="sort_pro1">
						<input type="checkbox" id="huang"/>
						<div class="gimcc gimc2">
							<label for="huang">
								<p>GIMC</p>
								<span class="l_span1">
									<img src="img/dayuhao.jpg"/>
								</span>
							</label>
							<div class="drop_down1">
								<a>省广介绍</a>
								<a class="line1"></a>
								<a>新闻咨询</a>
							</div>
						</div>
						<div class="gimcc">
							<p>文章</p>
							<span>
								<img src="img/dayuhao.jpg"/>
							</span>
						</div>
						<div class="gimcc">
							<p>资源</p>
							<span>
								<img src="img/dayuhao.jpg"/>
							</span>
						</div>
						<div class="gimcc">
							<p>课程</p>
							<span>
								<img src="img/dayuhao.jpg"/>
							</span>
						</div>
				</div>
				<div class="exit2">
					<label for="geren">
					<span>退出</span>
					</label>
				</div>
			</div>
			<div class="jianpan">
						<div class="s_top">
							<label for="jp"><span class="back1">×</span></label>
							<div class="Search_bar1">
								<input type="image" src="img/未标题-1.png" />
								<input type="text" placeholder="Search" />
							</div>
						</div>
					<div class="s_keyword">
						<h1>热搜</h1>
						<div class="keyword f2">省广股份</div>
						<div class="keyword f2">移动互联网</div>
						<div class="keyword f2">细分平台业务</div>
						<div class="keyword f2">O2O</div>
						<div class="keyword f2">媒介平台</div>
						<div class="keyword f2">拥抱变革，创造未来</div>
						<div class="keyword f2">平台</div>
						<div class="keyword f2">上海金投赏创意节</div>
					</div>
					<div class="jianp"><img src="img/登录-和-搜索_02.jpg"/></div>
			</div>
	</body>
</html>